page {
  height: 100%;
}

.mask {
  display: flex;
  justify-content: center;
  width: 100%;
  position: absolute;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5);

  .modal_group {
    position: relative;
    width: 600rpx;
    height: 700rpx;
    margin-top: 30%;
    position: absolute;
    z-index: 100;
    border-radius: 4%;

    .modal_title {
      width: 100%;
      height: 330rpx;

      .modal_cancel {
        position: absolute;
        top: 30rpx;
        right: 30rpx;
        width: 50rpx;
        height: 50rpx;
      }

      image {
        width: 100%;
        height: 100%;
      }
    }

    .modal_content {

      width: 100%;
      height: 370rpx;
      border-radius: 0 0 4% 4%;
      background-color: #ffffff;


      .modal_tip {
        padding-top: 27rpx;
        font-size: 24rpx;
        font-weight: 400;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 48rpx;
        color: #030303;

        .modal_text {
          position: relative;
          left: 50%;
          width: 311rpx;
          transform: translateX(-50%);

          // text-align: left;
          span {
            display: block;
          }
        }
      }

    }

    .btn {
      position: absolute;
      left: 50%;
      bottom: 24rpx;
      width: 520rpx;
      transform: translateX(-50%);
      border-radius: 20px;
      font-size: 30rpx;
      color: #FFFFFF;
      background: linear-gradient(to top, #FD7A40, #FFA586);
    }
  }
}